<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
    <head>
        <title>GuardaChuva - Framework - Troque o Título</title>
        <script type="text/javascript" src="resources/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="resources/js/jquery-ui-1.7.2.custom.min.js"></script>
        <link type="text/css" href="resources/css/le-frog/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
        <link type="text/css" href="css/estilo.css" rel="stylesheet" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript">
            $(function(){
                // Botão Login
                $("#btLogin").click(function(){
                    $("#frmLogin").submit();
                });
                // Retire a palavra Usuario do formulário de Login
                $("#Login").focus(function(){
                    var valor = $("#Login").val();
                    if(valor == 'usuario'){
                        $("#Login").val('');
                    }
                });
                // Coloca a palavra usuário no formulário de Login
                $("#Login").blur(function(){
                    var valor = $("#Login").val();
                    if(valor == ''){
                        $("#Login").val('usuario');
                    }
                });
                // Retira e coloca o nome login no campo texto

            });
        </script>
    </head>
    <body>
        <div id="superior">
            <div id="logo">
                <h1>Projeto GuardaChuvak</h1>
            </div>
            <!-- Aqui ficam o formulário para fazer o login e a informaçao de login do usuario -->
            <div id="infoLogin">
                <form id="frmLogin" action="index.php" method="post" >
                    <ul id="areaLogin">
                        <li><label for="Login">Login: </label></li>
                        <li><input class=".ui-widget input" type="text" name="Login" id="Login" value="usuario" size="8"></input></li>
                        <li><input class=".ui-widget input" type="password" name="Senha" id="Senha" value="" size="8"></input></li>
                        <li id="btLogin" class="ui-state-default ui-corner-all" title="Entrar no Sistema"><span class="ui-icon ui-icon-key"></span></li>
                    </ul>
                </form>

            </div>
            <div id="menuHorizontal">
                <ul>
                    <li><a href="#">Arquivos</a></li>
                    <li><a href="#">Usu&aacute;rios</a></li>
                    <li><a href="#">Seguran&ccedil;a</a></li>
                    <li><a href="#">Sistemal</a></li>
                </ul>
            </div>
            <div id="breadCrumbs">
                <a class="textoGC" href="#">Processos</a>><a class="textoGC"href="#">2009.34.565656</a>><a class="textoGC" href="#">Partes</a>
            </div>
        </div>

        <div id="conteudo">
            Bem vindo ao GuardaChuva Framework!
        </div>
        <div id="rodape">
            Powered by GuardaChuva
        </div>
    </body>
</html>
